<template>

   <!-- http://localhost/#/news -->
   <!-- http://localhost/#/news/local -->
   <!-- http://localhost/#/news/internation -->
	<div>
		新闻的内容
		
		<!-- 需要动态显示 -->
		<router-view></router-view>
		
		<button @click="counter++">计数器{{counter}}</button>
		
	</div>
	
	
</template>

<script>
	export default{
		name:'News',
		
		//选项 data
		data(){
			return {
				counter:0
			}
		},
		//选项  methods
		methods:{
			
		},
		// 选项 components 
		
		beforeCreate() {
			console.log("钩子函数  beforeCreate ...")
		},
		created() {
			console.log("钩子函数  created ...")
		},
		beforeMount() {
			console.log("钩子函数  beforeMount ...")
		},
		//能够看到  HTML内容
		mounted() {
			console.log("钩子函数  mounted ...")
		},
		beforeUpdate() {
			console.log("钩子函数  beforeUpdate ...")
		},
		updated() {
			console.log("钩子函数  updated ...")
		},
		//离开
		beforeDestroy() {
			console.log("钩子函数  离开 beforeDestroy ...")
		},
		destroyed() {
			console.log("钩子函数  destroyed ...")
		}
		
		
		
		
	}
	
	
</script>

<style scoped>
	
	
	
	
</style>